<!--  -->
<template>
  <div class="datum-page">
    <c-title :hide="false" text="课程视频数据"></c-title>
    <div class="datum-title">
      <span class="datum-tag">{{courses.cycle}}期</span>
      <span class="title">{{courses.name}}</span>
    </div>
    <!--视频数据-->
    <group-item title="视频数据" :datumObj="datumObj" :chatId="chatStrId">
      <template v-slot:look>
        <div @click="lookTo('courseGroupData')" class="flex-a-c">
          <span class="look">查看</span>
          <span class="iconfont icon-advertise-next"></span>
        </div>
      </template>
      <template v-slot:user>
        <div @click="lookTo('answerLive')" class="flex-a-c">
          <span class="look">查看</span>
          <span class="iconfont icon-advertise-next"></span>
        </div>
      </template>
    </group-item>
    <group-item title="答题/红包数据" :datumObj="answerObj">
      <template v-slot:look>
        <div @click="lookTo('answerData')" class="flex-a-c">
          <span class="look">查看</span>
          <span class="iconfont icon-advertise-next"></span>
        </div>
      </template>
    </group-item>
  </div>
</template>

<script>
import datum_controller from "./datum_controller.js";
export default datum_controller;
</script>
<style lang="scss" scoped>
.look {
  font-size: 0.75rem;
  line-height: 0.75rem;
  color: var(--themeBaseColor);
  padding: 0 0 0 0.125rem;
}

.icon-advertise-next {
  color: var(--themeBaseColor);
}

/* @import url(); 引入公共css类 */
.datum-page {
  margin: 0.625rem 0.75rem 0 0.75rem;

  .datum-title {
    width: 100%;
    box-sizing: border-box;
    border-radius: 0.75rem 0.75rem 0.75rem 0.75rem;
    padding: 0.9375rem 0.75rem;
    background-color: #fff;
    text-align: left;
    line-height: 1.25rem;
    display: inline-block;
    margin: 0 0 0.625rem 0;

    .datum-tag {
      font-size: 0.6875rem;
      line-height: 0.6875rem;
      background: var(--themeBaseColor);
      color: #fff;
      border-radius: 0.1875rem 0.1875rem 0.1875rem 0.1875rem;
      padding: 0.125rem 0.25rem;
    }

    .title {
      padding: 0 0 0 0.1875rem;
      font-size: 1rem;
      color: #00001c;
      vertical-align: top;
    }
  }
}
</style>